*{
   margin:0;
   padding:0
}
html{
   font-family:segoe ui,arial,helvetica,sans-serif
}
h1{
   color:#222;
   font-size:36px;
   font-weight:normal;
   margin-top:50px
}
#joinHeader{
   text-align:center
}
#joinBox{
   background:#f5f5f5;
   border:1px solid #e5e5e5;
   padding:20px 25px 15px;
   margin:50px auto 0 auto;
   width:335px
}
#joinBox-header{
   position:relative
}
h2{
   color:#222;
   font-size:16px;
   font-weight:normal;
   height:16px;
   line-height:16px;
   margin-top:0
}
#joinBox-header-logo{
   background:#f5f5f5 url("../../images/logo.png") no-repeat;
   display:inline-block;
   height:19px;
   position:absolute;
   right:0;
   top:1px;
   width:27px
}
#join-surname,#join-number{
   margin:0 0 1.5em
}
#joinBox label{
   display:block;
   font-weight:bold
}
#joinBox input[type="text"]{
   background-color:white;
   border:1px solid #d9d9d9;
   border-top:1px solid silver;
   color:#333;
   display:inline-block;
   font-size:15px;
   height:32px;
   line-height:27px;
   margin-top:.5em;
   padding-left:8px;
   vertical-align:top;
   width:100%
}
#join-form{
   margin-top:30px
}
#join-in{
   margin-left:140px;
   background-color:#4787ed;
   border:1px solid #3079ed;
   border-radius:2px;
   color:white;
   display:inline-block;
   font-size:13px;
   font-weight:bold;
   height:32px;
   line-height:27px;
   padding:0 8px;cursor:pointer
}
#error-message{
   color:red;
   margin-bottom:5px
}